<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link type="text/css" rel="stylesheet" href="bootstrap/css/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="css/ind.css">

</head>
<body>
<!--div.container>div.row*5>div.col-md-3*4>(a.[href='#']>img[src='img/yezzy.jpg'])+p{4999}+p{标题介绍}+p{厂家地址}-->
<div class="container-fluid bg-info">
<!--    div.row.flag>div.col-md-2.col-md-offset-1>a.btn.btn-xs.btn-danger[href='buy.html']{购物车}-->
    <div class="row flag">
        <div class="col-md-2 col-md-offset-1"><a href="buy.html" class="btn btn-xs btn-danger">购物车</a></div>
    </div>
</div>
<div class="container bg-danger">
    <div class="row">
        <div class="col-md-3"><a href="#" class=""><img src="img/sb.jpg" alt=""></a>
            <p>4999</p>
            <p>标题介绍</p>
            <p>厂家地址</p>
        </div>
        <div class="col-md-3"><a href="#" class=""><img src="img/sb.jpg" alt=""></a>
            <p>4999</p>
            <p>标题介绍</p>
            <p>厂家地址</p>
        </div>
        <div class="col-md-3"><a href="#" class=""><img src="img/sb.jpg" alt=""></a>
            <p>4999</p>
            <p>标题介绍</p>
            <p>厂家地址</p>
        </div>
        <div class="col-md-3"><a href="#" class=""><img src="img/sb.jpg" alt=""></a>
            <p>4999</p>
            <p>标题介绍</p>
            <p>厂家地址</p>
        </div>
    </div>
    <div class="row">
        <div class="col-md-3"><a href="#" class=""><img src="img/sb.jpg" alt=""></a>
            <p>4999</p>
            <p>标题介绍</p>
            <p>厂家地址</p>
        </div>
        <div class="col-md-3"><a href="#" class=""><img src="img/sb.jpg" alt=""></a>
            <p>4999</p>
            <p>标题介绍</p>
            <p>厂家地址</p>
        </div>
        <div class="col-md-3"><a href="#" class=""><img src="img/sb.jpg" alt=""></a>
            <p>4999</p>
            <p>标题介绍</p>
            <p>厂家地址</p>
        </div>
        <div class="col-md-3"><a href="#" class=""><img src="img/sb.jpg" alt=""></a>
            <p>4999</p>
            <p>标题介绍</p>
            <p>厂家地址</p>
        </div>
    </div>
    <div class="row">
        <div class="col-md-3"><a href="#" class=""><img src="img/sb.jpg" alt=""></a>
            <p>4999</p>
            <p>标题介绍</p>
            <p>厂家地址</p>
        </div>
        <div class="col-md-3"><a href="#" class=""><img src="img/sb.jpg" alt=""></a>
            <p>4999</p>
            <p>标题介绍</p>
            <p>厂家地址</p>
        </div>
        <div class="col-md-3"><a href="#" class=""><img src="img/sb.jpg" alt=""></a>
            <p>4999</p>
            <p>标题介绍</p>
            <p>厂家地址</p>
        </div>
        <div class="col-md-3"><a href="#" class=""><img src="img/sb.jpg" alt=""></a>
            <p>4999</p>
            <p>标题介绍</p>
            <p>厂家地址</p>
        </div>
    </div>
    <div class="row">
        <div class="col-md-3"><a href="#" class=""><img src="img/sb.jpg" alt=""></a>
            <p>4999</p>
            <p>标题介绍</p>
            <p>厂家地址</p>
        </div>
        <div class="col-md-3"><a href="#" class=""><img src="img/sb.jpg" alt=""></a>
            <p>4999</p>
            <p>标题介绍</p>
            <p>厂家地址</p>
        </div>
        <div class="col-md-3"><a href="#" class=""><img src="img/sb.jpg" alt=""></a>
            <p>4999</p>
            <p>标题介绍</p>
            <p>厂家地址</p>
        </div>
        <div class="col-md-3"><a href="#" class=""><img src="img/sb.jpg" alt=""></a>
            <p>4999</p>
            <p>标题介绍</p>
            <p>厂家地址</p>
        </div>
    </div>
    <div class="row">
        <div class="col-md-3"><a href="#" class=""><img src="img/sb.jpg" alt=""></a>
            <p>4999</p>
            <p>标题介绍</p>
            <p>厂家地址</p>
        </div>
        <div class="col-md-3"><a href="#" class=""><img src="img/sb.jpg" alt=""></a>
            <p>4999</p>
            <p>标题介绍</p>
            <p>厂家地址</p>
        </div>
        <div class="col-md-3"><a href="#" class=""><img src="img/sb.jpg" alt=""></a>
            <p>4999</p>
            <p>标题介绍</p>
            <p>厂家地址</p>
        </div>
        <div class="col-md-3"><a href="#" class=""><img src="img/sb.jpg" alt=""></a>
            <p>4999</p>
            <p>标题介绍</p>
            <p>厂家地址</p>
        </div>
    </div>
</div>
<script type="text/javascript" src="jquery/jquery-3.4.1.js"></script>
<script type="text/javascript" src="js/index.js"></script>
</body>
</html>